<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	/* 全局样式 */
	page {
		background-color: $bg-color;
		color: $text-color;
		font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
		font-size: $font-size-base;
		line-height: 1.6;
	}

	/* 卡片样式 */
	.card {
		background: $card-bg;
		border-radius: $card-radius;
		padding: $spacing-lg;
		margin-bottom: $spacing-lg;
		box-shadow: $box-shadow;
		transition: transform $transition-speed, box-shadow $transition-speed;
		position: relative;
		
		&:active {
			transform: translateY(-6rpx);
			box-shadow: $box-shadow-hover;
		}
	}

	/* 通用边距 */
	.container {
		padding: $spacing-lg;
	}

	/* 文本样式 */
	.title {
		font-size: $font-size-xl;
		font-weight: 700;
		color: $text-color;
	}

	.subtitle {
		font-size: $font-size-sm;
		color: $text-color-secondary;
	}

	/* 按钮样式 */
	.btn {
		padding: $spacing-sm $spacing-lg;
		border-radius: $btn-radius;
		font-weight: 600;
		transition: all $transition-speed;
		text-align: center;
		
		&.btn-primary {
			background-color: $primary;
			color: $light;
		}
		
		&.btn-outline {
			background-color: transparent;
			border: 2rpx solid $primary;
			color: $primary;
		}
	}

	/* 工具类 */
	.flex {
		display: flex;
	}

	.flex-column {
		flex-direction: column;
	}

	.justify-between {
		justify-content: space-between;
	}

	.align-center {
		align-items: center;
	}

	.text-center {
		text-align: center;
	}

	.hidden {
		display: none;
	}

	/* 渐入动画 */
	@keyframes fadeIn {
		from { opacity: 0; }
		to { opacity: 1; }
	}

	.fade-in {
		animation: fadeIn 0.5s;
	}

	/* 进度条相关样式保留，因为冷门分析也会使用 */
</style>
